﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>等待抢单</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/order_wait.css">
    <link rel="stylesheet" href="../css/libs/iconfont.css">
    <link rel="stylesheet" href="../css/libs/weui.min.css">
    <link rel="stylesheet" href="../css/libs/jquery-weui.min.css">
</head>

<body class="my_order" style="visibility: hidden;">
    <header class="sd_nav">
        <div id="go_back"><i class="iconfont icon-fanhui"></i>返回首页</div>

    </header>
    <section class="wait_order">
        <div class="rocket"><img class="rocket_bolt" src="../img/bolt.jpg"></div>
        <p>收到，正在帮您预约,请耐心等待</p>
        <p>
            已通知<span style="font-family:Cambria Math;" id="PeiSongNum">0</span>位闪电侠
        </p>
        <div class="progress_bar">
            <div class="line"></div>
            <i class="iconfont icon-motuopeisong"></i>
        </div>

    </section>
    <section class="order_detail">
        <header>
            <h5>订单详情</h5>
            <p class="order_state">派单中<span class="time_output"></span></p>
            <div class="order_border"></div>
        </header>
        <div class="main">
            <p id="QuHuoAddress"><span class="name">购买地址</span><span class="content"></span></p>
            <p id="ShouhuoAddress"><span class="name">收货地址</span><span class="content"></span></p>
            <p id="LiCheng"><span class="name">订单里程</span><span class="content"></span></p>
            <p id="OrderMonery" class="flex_row"><span class="name">订单金额</span><span class="content"></span></p>
        </div>
        <footer class="flex_row flex_between">
            <button type="button" id="add_tip">加小费</button>
            <a href="../html/cancel_order.html" id="cancel_order">取消订单</a>
        </footer>
    </section>
    <div class="mask">
        <div class="bg"></div>
        <!-- 小费 -->
        <div class="add_tip_box">
            <header class="flex_center tit">
                <i class="iconfont icon-shujujiaoyi"></i>
                <div class="name">加小费金额</div>
            </header>
            <div class="flex_row adtip_body">
                <div class="tip_top"></div>
                <div class="tip_bottom"></div>
                <div id="tip_num">
                    <ul>
                        <li class="li_select">
                            <p>3元</p>
                        </li>
                        <li>
                            <p>5元</p>
                        </li>
                        <li>
                            <p>10元</p>
                        </li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <footer class="flex_row flex_between">
                <button class="cancel">取消</button>
                <span class="g_line"></span>
                <button class="confirm">确定</button>
            </footer>
        </div>
        <!-- 小费支付 -->
        <div class="tip_pay_box">
            <div class="flex_row flex_between" id="balance_pay">
                <span>余额支付</span>
                <i class="iconfont icon-gou1"></i>
            </div>
            <div class="cut_line"></div>
            <div class="flex_row flex_between weixin_pay" id="weixin_pay">
                <div>
                    <span>微信支付</span>
                    <p class="tip">推荐安装微信5.0及以上版本使用</p>
                </div>
                <i class="iconfont icon-gou1" style="color:#00b700;"></i>
            </div>
            <button class="form_submit">下一步</button>
        </div>
        <!-- 支付成功 -->
        <div class="pay_success flex_column">
            <h5>支付完成</h5>
            <i class="iconfont icon-duigou"></i>
            <p><span class="count_down">3</span>秒后关闭</p>
        </div>
    </div>
</body>

<script src="../js/libs/jquery-1.10.1.min.js"></script>
<script src="../js/libs/rem.js"></script>
<script src="../js/libs/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/order_wait.js"></script>
<script></script>

</html>